<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>
    <h3>构造函数和原型</h3>

    <script>
        // 构造函数
        function Page(){
            this.width = "1000px";
        }
        // 原型对象
        Page.prototype.foo = function(){
            console.log("foo");
        }

        // 创建实例对象
        var p1 = new Page();
        var p2 = new Page();
        console.log(p1);
        console.log(p2);
        // 构造函数作用域添加属性
        // 原型对象添加方法
        // 在原型上添加的方法可以被贡献
        console.log(p1.foo === p2.foo);// true  同一引用地址

        

    </script>
</body>
</html>